<template>
	<view>
		<view class="swiper_banner" >
			<swiper class="swiper" autoplay circular>
				<swiper-item v-for="(item,index) in swiperItems" :key="index"><image :src="item.bannerUrl"></image></swiper-item>
			</swiper>
		</view>
	</view>
</template>

<script>
	export default {
		props:['swiperItems'], 
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less" scoped>
.swiper_banner {
	margin: 0 15rpx;
	swiper {
		// swiper 宽度 /swiper 高度=原图的宽度 / 原图的高度
		height: calc(100vw * 446 / 995);
		width: 100%;
		overflow: hidden;
		swiper-item {
			image {
				width: 100%;
				border-radius: 20rpx;
				height: 100%;
			}
		}
	}
}
</style>
